<template>
	<div class="infoComClass">
		<el-tabs v-model="activeName" @tab-click="handleClick">
			<el-tab-pane :label="item.key" :name="item.value" v-for="item in publicStepData" :key="item.value">
				<div class="propertyList">
					<div class="propertyListClass1">基金代码：</div>
					<div class="propertyListClass3">220210</div>
					<div class="propertyListClass1">基金名称：</div>
					<div class="propertyListClass2">景顺长城泰和回报灵活配置混合型证券投资基金</div>
					<div class="propertyListClass1">核准文号：</div>
					<div class="propertyListClass2">证监许可【2015】1161号</div>
				</div>
			</el-tab-pane>
		</el-tabs>
	</div>
</template>
<script>
import { publicStepData, specialStepData } from './stepData'
export default {
	name: 'InfoCom',

	data() {
		return {
			activeName: 'baseInfo',
			publicStepData,
			specialStepData
		}
	},

	methods: {
		handleClick(tab, event) {
			console.log(tab, event)
		}
	}
}
</script>
<style lang="scss" scoped src='./index.scss'>
</style>
